.graph {
    background: #fff;
    border: solid #ccc 1px;
    border-radius: 7px;
}

svg {
    height: 100%;
    width: 100%;
}

g.dimmed {
    stroke-opacity: 0.05;
}

g.dimmed text.shadow {
    stroke-opacity: 0;
}

circle {
    fill: #ccc;
    stroke: #333;
    stroke-width: 1.5px;
}

text {
    font: 10px sans-serif;
    pointer-events: none;
}

text.shadow {
    stroke: #fff;
    stroke-width: 3px;
    stroke-opacity: .8;
}

path.link {
    fill: none;
    stroke: #666;
    stroke-width: 1.5px;
}

path.link.licensing {
    stroke: green;
}

path.link.resolved {
    stroke-dasharray: 0, 2 1;
}

.control-zoom {
    /*position: fixed;*/
    background: rgba(0, 0, 0, 0.25);
    padding: 5px;
    border-radius: 7px;
    z-index: 100;
    position: absolute;
    top: 120px;
    left: 40px;
}

.control-zoom a {
    background: rgba(255, 255, 255, 0.75);
    background-position: 50% 50%;
    background-repeat: no-repeat;
    display: block;
    width: 19px;
    height: 19px;
    border-radius: 4px;
}

.control-zoom a:last-child {
    margin: 0;
}

.control-zoom a:hover {
    background-color: white;
}

.control-zoom > .control-zoom-in {
    background-image: url();
    margin-bottom: 5px;
}

.control-zoom > .control-zoom-out {
    background-image: url();
    margin-bottom: 5px;
}
